<?php
		 setcookie("un", "", time()-1);
		 setcookie("pw", "", time()-1);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Open-Air by FCT</title>
<link href="http://fonts.googleapis.com/css?family=Oswald:400,300" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

<style>
#colorlogin{
 color : white;
}
</style>
</head>
<body>
	<?php
		if(isset( $_COOKIE["un"] )){
			header("Location: http://localhost/assiss/issassignment.php");
		
		}
		if(isset( $_POST["submit"] )){
			header("Location: http://localhost/assiss/issassignment.php");
		}
	?>
<div id="wrapper">
	<div id="menu-wrapper">
		<div id="menu" class="container">
			<ul>
				<li class="current_page_item"><a href = "#">Homepage</a></li>
				<li><a href="#">newEmployee</a></li>
				<li><a href="#">LookingInfor</a></li>
				<li><a href="/assiss/loginissassignment.php">logout</a></li>
			
				<li><form action = "/assiss/issassignment.php" method="post">
						<label id='colorlogin'>User Name<input type="text" name="username" id="user"></label>
						<label id='colorlogin'>Password<input type="password" name="password" id="password"></label>
						<label><input type="submit" name="submit" id="button" value="Login"></label>				
					</form>
				</li>
			</ul>
		</div>
	</div>

	<div id="header">
			<div id="content">
			</div>

		<div id="logo" class="container">
			<h1><a href="#">Open-Air</a></h1>
			<p>INFORMATION SYSTEM SECURITY</p>
		</div>
	</div>
	<div id="page" class="container">


				<h2><a href="#">Welcome to Open-Air </a></h2>
				<div class="entry">
					<p><img src="images/img11.jpg" width="690" height="200" alt="" /></p>
								</div>
		</div>

	</div>
	<!-- end #page -->
	<div id="four-column" class="container">
		<div id="tbox1">
			<div class="box-style">
				<div class="image"></div>
				<div class="arrow"></div>
				<div class="content">
					<h2>Fusce ultrices fringilla</h2>
					<p>Aliquam erat volutpat. Quisque dictum. Integer nisl risus, sagittis convallis elementum congue, nibh. </p>
				</div>
			</div>
		</div>
		<div id="tbox2">
			<div class="box-style">
				<div class="image"></div>
				<div class="arrow"></div>
				<div class="content">
					<h2>Mauris vulputate dolor</h2>
					<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis,   congue, nibh. </p>
				</div>
			</div>
		</div>
		<div id="tbox3">
			<div class="box-style">
				<div class="image"></div>
				<div class="arrow"></div>
				<div class="content">
					<h2>Nulla luctus eleifend </h2>
					<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis  elementum congue, nibh.</p>
				</div>
			</div>
		</div>
		<div id="tbox4">
			<div class="box-style">
				<div class="image"></div>
				<div class="arrow"></div>
				<div class="content">
					<h2>Nulla luctus eleifend </h2>
					<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis  elementum congue, nibh.</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="footer-content" class="container">
	<div id="footer-bg">
		<div id="column1">
			<h2>HoChiMinhCity.</h2>
			<p>Copyright issassignment.com</p>
			<p>All rights reserved.</p>
			<p>Design by <a href="http://localhost/assiss/issassignment.php">TRUNGHIEU</a>. Photos by <a href="http://localhost/assiss/issassignment.php">TRUNGHIEU</a>.</p>
		</div>
		<div id="column2">
			<h2>Rhoncus volutpat</h2>
			<ul class="list-style3">
				<li class="first"><a href="#">Pellentesque consectetuer gravida blandit.</a></li>
				<li><a href="#">Lorem consectetuer adipiscing elit.</a></li>
				<li><a href="#">Phasellus pellentesque conguen lectus</a></li>

			</ul>
		</div>
		<div id="column3">
			<h2>Recommended Links</h2>
			<ul class="list-style3">
				<li class="first"><a href="#">Pellentesque consectetuer gravida blandit.</a></li>
				<li><a href="#">Lorem consectetuer adipiscing elit.</a></li>
				<li><a href="#">Phasellus pellentesque conguen lectus</a></li>

			</ul>
		</div>
		<div id="column4">
			<h2>Social</h2>
			<ul class="list-style3">
				<li class="first"><a href="#">Twitter</a></li>
				<li><a href="#">Facebook</a></li>
				<li><a href="#">Flickr</a></li>

			</ul>
		</div>
	</div>
</div>
<!-- end #footer -->
</body>
</html>
